<!-- Right sidebar -->
<section class="span300">
<h2 class="hidden">
    Right Sidebar
</h2>
<!-- Editorial Column -->
<aside class="widget w-posts s-posts">
    <div class="widget-title">
        <h4>
            <a href="/columnas">La Columna</a>
        </h4>
    </div>
    <div class="widget-content clearfix">
        <div class="posts-in-widget">
            <div class="row-fluid modern-items-list">
                <div id="widget_300_slider3" class="flexslider">
                    <ul class="slides">
                        <li>
                            <ul class="items left clearfix">
                                <li>
                                    <article class="fold-item">
                                        <div class="clearfix">
                                            <img class="post-img" src="/framework/timthumb.php?src=/images/rodrigo.png&amp;w=301&amp;h=200" />
                                            <div class="post-sitemap">
											    <span>
												    <i class="bo-icon-home bo-icon-white"></i>
													Columna de Rodrigo Sotelo
												</span>
                                            </div>
                                            <div class="description visible-part">
                                                <h5 class="title">
                                                    {$colRodrigo->getTitulo()}
                                                </h5>
                                                <div class="info">
												    <span>
													    <i class="bo-icon-time bo-icon-white"></i>
														{$colRodrigo->getFechaPublicacion()|date_format: "%d-%m-%Y"}, {$colRodrigo->getHoraPublicacion()|date_format: "%H:%M"}
													</span>
													<span>
														<i class="bo-icon-comment bo-icon-white">
                                                        </i>
                                                        {$colRodrigo->getNumComments()}
													</span>
                                                </div>
                                                <p class="text">
                                                    {$colRodrigo->getDescripcion()|html_entity_decode:$smarty.const.ENT_QUOTES:'utf-8'}
                                                </p>
                                            </div>
                                            <a href="/nota/{$colRodrigo->getNotaId()}" class="more" title=""></a>
                                        </div>
                                    </article>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</aside>
<!-- Video Widget -->
<aside class="widget w-video">
    <div class="widget-title">
        <h4>
            <a href="/videos/">M&aacute;s TV</a>
        </h4>
    </div>
    <div class="widget-content clearfix">
        <iframe class="youtube-player" type="text/html" width="100%" height="200" src="http://www.youtube.com/embed/{$topVideo->getVideoNumber()}?wmode=transparent&amp;wmode=opaque" allowfullscreen frameborder="0">
        </iframe>
    </div>
</aside>
<!-- Social Counter -->
<aside class="widget w-social-counter">
    <div class="widget-title">
        <h4>
            Redes Sociales
        </h4>
    </div>
    <div class="widget-content clearfix">
        <div class="social-counter-metro">
            <ul class="clearfix">
                <li class="fb-wrp">
                    <div class="btn-count">
                        <div class="social-counter-metro mask">
								<span>
									Me Gusta
								</span>
                            <a href="https://www.facebook.com/masmedio.hermosillo" class="more"></a>
                        </div>
                        <div class="facebook">
                            <i class="facebook-sicon-48-white">
                            </i>
								<span>
									1,500
								</span>
								<span class="fans">
									Fans
								</span>
                        </div>
                    </div>
                </li>
                <!--<li class="gp-wrp">
                    <div class="btn-count">
                        <div class="social-counter-metro mask">
								<span>
									Seguir
								</span>
                            <a href="#" class="more"></a>
                        </div>
                        <div class="googleplus">
                            <i class="googleplus-sicon-48-white">
                            </i>
								<span>
									700
								</span>
								<span class="fans">
									Seguidores
								</span>
                        </div>
                    </div>
                </li>-->
                <!--<li class="yt-wrp">
                    <div class="btn-count">
                        <div class="social-counter-metro mask">
								<span>
									Suscribir
								</span>
                            <a href="#" class="more"></a>
                        </div>
                        <div class="youtube">
                            <i class="youtube-sicon-48-white">
                            </i>
								<span>
									2,000
								</span>
								<span class="fans">
									Suscriptores
								</span>
                        </div>
                    </div>
                </li>-->
                <li class="tr-wrp">
                    <div class="btn-count">
                        <div class="social-counter-metro mask">
								<span>
									Seguir
								</span>
                            <a href="https://twitter.com/masmedio" class="more"></a>
                        </div>
                        <div class="twitter">
                            <i class="twitter-sicon-48-white">
                            </i>
								<span>
									3,762
								</span>
								<span class="fans">
									Seguidores
								</span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</aside>
<!-- Weather Column -->
<aside class="widget w-posts hd-cat-1">
    <div class="widget-title">
        <h4>
            <a href="/seccion/6">El Tiempo</a>
        </h4>
    </div>
    <div class="widget-content clearfix">
        <div class="posts-in-widget">
            <div class="row-fluid modern-items-list">
                <div id="widget_300_slider3" class="flexslider">
                    <ul class="slides">
                        <li>
                            <ul class="items left clearfix">
                                <li>
                                    <article class="fold-item">
                                        <div class="clearfix">
                                            <img class="post-img" src="/framework/timthumb.php?src=/images/martin.jpg&amp;w=301&amp;h=200" />
                                            <div class="post-sitemap">
													<span>
														<i class="bo-icon-home bo-icon-white">
                                                        </i>
														{$masTiempo->getSeccionNombre()}
													</span>
                                            </div>
                                            <div class="description visible-part">
                                                <h5 class="title">
                                                    {$masTiempo->getTitulo()}
                                                </h5>
                                                <div class="info">
														<span>
															<i class="bo-icon-time bo-icon-white">
                                                            </i>
															{$masTiempo->getFechaPublicacion()|date_format: "%d-%m-%Y"}, {$masTiempo->getHoraPublicacion()|date_format: "%H:%M"}
														</span>
														<span>
															<i class="bo-icon-comment bo-icon-white">
                                                            </i>
															{$masTiempo->getNumComments()}
														</span>
                                                </div>
                                                <p class="text">
                                                    {$masTiempo->getDescripcion()}...
                                                </p>
                                            </div>
                                            <a href="/nota/{$masTiempo->getNotaId()}" class="more" title=""></a>
                                        </div>
                                    </article>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</aside>
<!-- Tabs -->
<section class="widget w-tabs">
<h3 class="hidden">
    Tabs Widget
</h3>
<div class="widget-content clearfix">
<ul class="tabs-header clearfix">
    <li class="btn-theme active">
        <a data-target="#popular" data-toggle="tab">Popular</a>
    </li>
    <li class="btn-theme">
        <a data-target="#commented" data-toggle="tab">Comentado</a>
    </li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="popular">
    <aside class="row-fluid">
        <h4 class="hidden">
            Popular News Tab
        </h4>
        <div class="posts-in-widget">
            <div class="tabs-special-style">
                <ul class="media-list">
					{foreach from=$masVistas item=nota}
						<li class="media">
							<article>
								<a href="/nota/{$nota->getNotaId()}" class="span3" title="">
									<div class="media-object thumb-effect">
										<div class="mask"></div>
										<img src="/framework/timthumb.php?src=/{if $nota->getImagen() == ""}images/logo.png{else}fotos/{$nota->getImagen()}{/if}&amp;w=65&amp;h=65" />
									</div>
								</a>
								<div class="media-body span9">
									<a href="/nota/{$nota->getNotaId()}" title="{$nota->getTitulo()}">
										<h5 class="media-heading">{$nota->getTitulo()}</h5>
									</a>
									<div class="media">
										<span title="Fecha de Publicaci&oacute;n">
											<i class="bo-icon-time">
											</i>
											{$nota->getFechaPublicacion()|date_format: "%d-%m-%Y"}, {$nota->getHoraPublicacion()|date_format: "%H:%M"}
										</span>
									</div>
								</div>
							</article>
						</li>
					{/foreach}
                </ul>
            </div>
        </div>
    </aside>
</div>
<div class="tab-pane" id="commented">
    <aside class="row-fluid">
        <h4 class="hidden">
            Commented News Tab
        </h4>
        <div class="posts-in-widget">
            <div class="tabs-special-style">
                <ul class="media-list">
					{foreach from=$masComentadas item=nota}
						<li class="media">
							<article>
								<a href="/nota/{$nota->getNotaId()}" class="span3" title="">
									<div class="media-object thumb-effect">
										<div class="mask"></div>
										<img src="/framework/timthumb.php?src=/{if $nota->getImagen() == ""}images/logo.png{else}fotos/{$nota->getImagen()}{/if}&amp;w=65&amp;h=65" />
									</div>
								</a>
								<div class="media-body span9">
									<a href="/nota/{$nota->getNotaId()}" title="{$nota->getTitulo()}">
										<h5 class="media-heading">{$nota->getTitulo()}</h5>
									</a>
									<div class="media">
										<span title="Fecha de Publicaci&oacute;n">
											<i class="bo-icon-time">
											</i>
											{$nota->getFechaPublicacion()|date_format: "%d-%m-%Y"}, {$nota->getHoraPublicacion()|date_format: "%H:%M"}
										</span>
										<span style="margin-left: 5px;">
											<i class="bo-icon-comment">
											</i>
											{$nota->getNumComments()}
										</span>
									</div>
								</div>
							</article>
						</li>
					{/foreach}
                </ul>
            </div>
        </div>
    </aside>
</div>
</div>
</div>
</section>
<!-- Facebook Like Box -->
<aside class="widget w-facebook">
    <div class="widget-title">
        <h4>
            &iexcl;H&aacute;zte fan!
        </h4>
    </div>
    <div class="widget-content clearfix">
		<div class="fb-like-box" data-href="https://www.facebook.com/masmedio" data-width="300" data-height="355" data-show-faces="true" data-stream="false" data-show-border="false" data-header="false"></div>
    </div>

</aside>
<!-- Recent Posts (Classic) -->
<aside class="widget w-posts s-posts">
    <div class="widget-title">
        <h4>
            <a href="/resumen/">En Resumen</a>
        </h4>
    </div>
    <div class="widget-content clearfix">
        <div class="posts-in-widget">
            <ul class="media-list">
				{foreach from=$enResumen item=er}
					<li class="media">
						<article>
							<a href="/nota/{$er->getNotaId()}" class="span3" title="">
								<div class="media-object thumb-effect">
									<div class="mask"></div>
									<img src="/framework/timthumb.php?src=/{if $er->getImagen() == ""}images/logo.png{else}fotos/{$er->getImagen()}{/if}&amp;w=65&amp;h=65" />
								</div>
							</a>
							<div class="media-body span9">
								<a href="/nota/{$er->getNotaId()}" title="{$er->getTitulo()}">
									<h5 class="media-heading">{$er->getTitulo()}</h5>
								</a>
								<div class="media">
										<span title="Fecha de Publicaci&oacute;n">
											<i class="bo-icon-time">
											</i>
											{$er->getFechaPublicacion()|date_format: "%d-%m-%Y"}, {$er->getHoraPublicacion()|date_format: "%H:%M"}
										</span>
								</div>
							</div>
						</article>
					</li>
				{/foreach}
            </ul>
        </div>
    </div>
</aside>
</section>
